.l-grid {
  overflow-x: hidden; }

.l-grid-row {
  width: auto; }
  .l-grid-row:before, .l-grid-row:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden; }
  .l-grid-row.has-space {
    margin-left: -10px;
    margin-right: -10px; }
    .l-grid-row.has-space > .l-grid-col {
      padding-left: 10px;
      padding-right: 10px; }

.l-grid-col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.l-grid-col-1 {
  width: 8.33333%; }

.l-grid-col-2 {
  width: 16.66667%; }

.l-grid-col-3 {
  width: 25%; }

.l-grid-col-4 {
  width: 33.33333%; }

.l-grid-col-5 {
  width: 41.66667%; }

.l-grid-col-6 {
  width: 50%; }

.l-grid-col-7 {
  width: 58.33333%; }

.l-grid-col-8 {
  width: 66.66667%; }

.l-grid-col-9 {
  width: 75%; }

.l-grid-col-10 {
  width: 83.33333%; }

.l-grid-col-11 {
  width: 91.66667%; }

.l-grid-col-12 {
  width: 100%; }
